//========[主题]========
//背景色
$color-main: #000C34;


//========[按钮共同设置区域]========
@mixin button-style {
  width: 5vw;
  height: 28px;
  color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
  // border: none;
  background-color: #3976d8;
  transition: background-color 0.3s;


  &:hover {
    background-color: #73a3f5;
  }

}

//========[重置按钮设置区域]========
@mixin reset-style{

  background-color: #A0A7C3;
  &:hover {
    background-color: #babfd3;
  }
}


// ========[el-card区域共同设置区域]========
@mixin card-style{

  width: 100%;
  background-color: #000C34;
  --el-card-border-color: #000C34;

}


// tableStyles.scss========[列表共同设置区域]========
@mixin list-area-style {
  height: 60vh;


  .el-table {

    border: 1px solid;
    height: 100%;
    width: 100%;
    margin-top: 15px;
    //行高
    line-height: 20px;

    color: #ccc5c0;

    --el-table-tr-bg-color: #000C34;
    --el-table-header-bg-color: #000C34;
    --el-table-row-hover-bg-color: #000C34;

    //     // 鼠标悬停时的行样式
    //    .el-table__body-wrapper {
    //      .el-table__row {
    //         &:hover {
    //           color: #FFF;
    //         }
    //       }
    //     }

  }
}

//字体
@font-face {
  font-family: "Microsoft YaHei";
  src: url('../fonts/MicrosoftYaHei.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FangZheng";
  src: url('../fonts/方正兰亭粗黑简体.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
  //color: #C0C4CC; /* 字体 */
  color: #FFF;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
@mixin fang-font() {
  font-family: "FangZheng", Arial, sans-serif;
  font-size: 25px;
  font-weight: bolder;
}


//========[筛选重置框]========
//筛选框颜色
$color-filter-button: #3A7FF0;
//重置框颜色
$color-reset-button: #A0A7C3;

//========[分页按钮]========
//分页按钮字体颜色
$color-font-pagination-button: #C0C4CC;
//分页按钮鼠标悬停背景颜色
$color-pagination-button-hover: #3A7FF0;
$color-border-pagination-button-hover: #3A7FF0;
$color-font-pagination-button-hover: #FFFFFF;
//分页按钮禁用时背景颜色
$color-font-pagination-button-disabled: #A0A7C3;

//========[表格]========
//表格记录字体颜色
$color-font-table: #C0C4CC;
//悬停时字体颜色突出
$color-font-table-hover: #FFF;

//========[导航菜单]========
//字体颜色
$color-font-menu: #FFF;
//悬浮时字体颜色
$color-font-menu-active: #FFF441;

//========[其他按钮]========
//导出报按钮颜色
$color-export-button: #3C7FF0;;
//记录事件按钮颜色
$color-event-button: #3C7FF0;;
//取消按钮
$color-cancel-button: #A0A7C3;